@charset "utf-8";
@import "base";

header {
    font-size: 0;
    .getback {
        flex-grow: 2;
        .getback-img {
            width: r(22px);
            height: r(37px);
            margin: 0 auto;
            img {
                display: block;
                width: 100%;
            }
        }
    }
    .look-store {
        flex-grow: 1;
        p {
            font-size: r(30px);
            color: #999;
        }
    }
}

//店铺列表内容
section {
    background-color: #fff;
}
.storeList {
    li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: r(26px);
        padding: 0 r(20px);
        border-bottom: r(1px) solid #e1e2e4;
        .list-l {
            color: #333;
            p {
                line-height: r(90px);
            }
            .list-tx {
                line-height: r(151px);
            }
        }
        .list-r {
            display: flex;
            justify-content: space-between;
            align-items: center;
            .store-tx {
                width: r(100px);
                height: r(100px);
                border: r(1px) solid #ddd;
                border-radius: 50%;
                img {
                    display: block;
                    width: 100%;
                }
            }
            .go-to {
                width: r(16px);
                height: r(28px);
                margin-left: r(11px);
                img {
                    display: block;
                    width: 100%;
                }
            }
            p {
                a {
                    color: #999;
                }
            }
        }
    }
}
//店铺名称修改
.save {
    flex-grow: 1;
    p {
        font-size: r(30px);
        a {
            color: #999;
        }
    }
}
.reName {
    width: 100%;
    font-size: 0;
    position: relative;
    border-bottom: r(1px) solid #e1e2e4;
    input[type="text"] {
        width: 100%;
        height: r(90px);
        font-size: r(26px);
        color: #333;
        border: none;
        padding-left: r(27px);
    }
    .empty {
        position: absolute;
        width: r(28px);
        height: r(28px);
        right: r(22px);
        top: 50%;
        transform: translateY(-50%);
        img {
            display: block;
            width: 100%;
        }
    }
}
//输入提示
.hint {
    background-color: #f3f4f6;
    p {
        font-size: r(22px);
        color: #999;
        padding-left: r(25px);
        line-height: r(42px);
    }
}
//修改店铺简介
.reIntro {
    font-size: 0;
    position: relative;
    border-bottom: r(1px) solid #e1e2e4;
    font-family: "微软雅黑";
    textarea {
        width: 100%;
        height: r(235px);
        border: none;
        font-size: r(24px);
        padding: 0 r(20px);
        padding-top: r(26px);
        color: #333;
        resize: none;
        &::-webkit-input-placeholder {
            color: #bfbfbf;
        }
        &::-moz-placeholder {
            color: #bfbfbf;
        }
    }
}
//字数限制
.font-limit {
    position: absolute;
    bottom: r(20px);
    right: r(20px);
    p {
        font-size: r(24px);
        color: #bfbfbf;
    }
}
